﻿@charset "utf-8";
@import "animate.min.css";
/* CSS Document */
*{   padding:0;margin:0;border:0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
    -webkit-user-select:none; /*webkit浏览器*/   
    -khtml-user-select:none; /*早期浏览器*/   
    -moz-user-select:none;/*火狐*/   
    -ms-user-select:none; /*IE10*/   
    user-select:none;   
}
input::-webkit-input-placeholder {
       /* placeholder颜色  */
       color: #5e6062;
       /* placeholder字体大小  */
       font-size: 12px;
    }
::-webkit-scrollbar{width: 6px;background-color: #f7f7f7;}  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #f7f7f7;}    
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb{ border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:#cecece;}  
/*IE滚动条颜色*/
input {      
     -webkit-user-select:auto; /*webkit浏览器*/     
}
/*.atype::-webkit-scrollbar {height: 0;width: 0;color: transparent;}
.atype::-webkit-scrollbar {height: 0;width: 0;color: transparent;}*/
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}
html {margin:0;padding: 0;-ms-touch-action: none;-webkit-user-select:none; -webkit-touch-callout:none;}
body{font-family:'Arial';font-size: 12px;font-weight:normal;color: #797979;webkit-touch-callout:none;line-height:24px;}
body,ul,li{
	padding: 0;
	margin: 0;
	border: 0;list-style: none;
}
input,button,select,textarea{outline:none;-webkit-user-select:auto;}
*:focus { outline: none;}
img{border:0px;}
ul,li{ list-style:none;}
em,i{ font-style:normal;}
a{ text-decoration:none; color:#333; outline:none;    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;}
a:hover{ background-repeat:no-repeat; color:#03a5e3;}
.clearfix{clear:both}
.w60{width:60%;}
.fleft{float:left;}
.fright{float:right;}
.paddingtop30{padding-top:30px;}
.w20{position: relative;}
.h40{height:40px;}
.w100{width:100%}
.h80{height:80px!important;}
.h100{height:100%!important;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.prelative2{position:relative}
.height400{height:400px;}
.height300{height:300px;}
.padding50{padding:50px 0px}
.margintop20{margin-top:20px;}
.margintop30{margin-top:30px;}
.margintop40{margin-top:40px;}
.margintop10{margin-top:10px;}
.margintop5{margin-top:5px;}
.margintop50{margin-top:50px;}
.margintopbottom10{margin:10px 0px;}
.margintopbottom20{margin:20px 0px;}
.margintopbottom30{margin:30px 0px;}
.margintopbottom40{margin:40px 0px;}
.margintopbottom50{margin:50px 0px;}
.marginbottom20{margin-bottom:20px;}
.marginbottom30{margin-bottom:30px;}
.marginbottom40{margin-bottom:40px;}
.marginbottom50{margin-bottom:50px;}
.paddingtop20{padding-top:20px}
.paddingtop30{padding-top:30px}
.paddingtop40{padding-top:40px}
.paddingtop50{padding-top:50px}
.paddingbottom20{padding-bottom:20px}
.paddingbottom30{padding-bottom:30px}
.paddingbottom40{padding-bottom:40px}
.paddingbottom50{padding-bottom:50px}
.fontsize12{font-size:12px;}
.fontsize14{font-size:14px;}
.fontsize16{font-size:16px;}
.fontsize18{font-size:18px;}
.fontsize20{font-size:20px;}
.fontsize22{font-size:22px;}
.bghui{background:#f3f3f3}
.fonthui1{color:#a5a5a5!important}
.fontbai{color:#fff!important}
.fonthei{color:#000000!important}
.fonthui2{color:#676664!important}
.textcenter{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.bghei{background:#000!important}
.bghui2{background:#999999!important}
.page {width: 100%;  padding-top: 20px;padding-bottom:20px;text-align:center;margin:60px 0px;}
.page a {display: inline-block;padding:10px 10px 0px 10px;line-height:20px;font-size:16px!important;text-align:center;margin-left:5px;border-bottom:2px solid #cfcfcf;color: #717171;    text-decoration: none;}
.page2 {width: 100%;  padding-top: 0px;padding-bottom:20px;text-align:center;margin:30px 0px;font-size:14px;}
.page2 a {display: inline-block;padding:2px 10px 0px 10px;line-height:20px;text-align:center;margin-left:5px;background:#d7d7d7;font-size:14px;color: #5b5b5b;    text-decoration: none;}
.mprenext{padding-left:10px;line-height:26px;padding-top:10px;font-size:14px;}
.mprenext a{font-size:14px;}
.mprenext span{padding:1px 20px;background:#d7d7d7;text-align:center;display:inline-block;color:#666;font-size:14px;margin-right:10px;margin-bottom:10px;}
@media (min-width :260px) { 
html,body{width: 100%;height: 100%;}
#top{width: 100%;max-width:100%;}
.topheight{height:100%!important}
#ntop{width: 100%;max-width:100%;height:186px;background:url(../images/ntop.jpg) no-repeat left top #181818;}
#nbanner{display:none}
#mobilebanner{display:block;width:100%;margin-top:70px;min-height:150px}
.prelative{position:fixed}
.mpaddingtop30{padding:0px;}
.mtopbg{display:none}
.nbanner{width:100%;height:auto;display:none;}
.nbanner img{width:100%;border:0px;    display: block;}
.sidebar-control{position: fixed;
    top: 20px;
    right: 15px;
    width: 30px;
    z-index: 99999;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transform: translate(0, 0.36rem);
    -ms-transform: translate(0, 0.36rem);
    -moz-transform: translate(0, 0.36rem);
    -webkit-transform: translate(0, 0.36rem);
    -o-transform: translate(0, 0.36rem);display:block;
	}
.sidebar-control:before, .sidebar-control:after {
    content: "";
    display: block;
    width: 100%;
    height:2px;
    background: #ffffff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sidebar-control .line {
    top: 50%;
    margin:5px 0px;
    width: 100%;
    height:2px;
    background: #ffffff;
opacity: 1; 

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s; 

    transition: all 0.5s;
}	
.sidebar-control.on .line { opacity: 0; }
.sidebar-control.on:before { 

       transform-origin: 90% 90%;

    transform:rotate(-45deg);

    -ms-transform:rotate(-45deg); 

    -moz-transform:rotate(-45deg);

    -webkit-transform:rotate(-45deg);

    -o-transform:rotate(-45deg); }

.sidebar-control.on:after { 

    transform-origin: 80% 100%;

    transform:rotate(45deg);

    -ms-transform:rotate(45deg); 

    -moz-transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -o-transform:rotate(45deg); }
/*banner*/
.nlubo{ width: 100%; min-width:100%;height:100%;clear: both; position: relative;}
.lubo{ width: 100%; min-width:100%;height:100%;clear: both; position: relative;overflow:hidden;}
.lubo_box{ position: relative; width: 100%; height:100%;overflow:hidden;background:#000;}
.lubo_box li{float: left;position: absolute; top: 0; left: 0; width: 100%;height:110%;opacity:0;filter:alpha(opacity=1);-webkit-transform:translate(0px,-20px);-moz-transform:translate(0px,-20px);transition: 0.3s ease;	-webkit-transition: 0.3s  ease;	-o-transition:0.5s all ease;	-moz-transition: 0.3s ease;}
.banner0{opacity:0;}
.banner1{opacity:0;}
.banner2{opacity:0;}
.banner3{opacity:0;}
.b0{position:absolute;width:90%;height:65%;top:22.5%;left:5%;opacity:0;}
.b1{position:absolute;width:90%;height:30%;top:35%;left:5%;opacity:0;}
.b2{position:absolute;width:90%;height:45%;top:32.5%;left:5%;opacity:0;}
.b3{position:absolute;width:50%;height:25%;top:50%;left:50%;opacity:0;}
.cir_box{overflow: hidden; position: absolute; z-index: 10;bottom:60px;display:none;}
.cir_box li{ float: left; margin:0 5px; cursor: pointer; background:#847272;display:block;	height: 11px;	overflow: hidden;	text-indent:-99em;	width: 11px;	cursor: pointer;border-radius:16px;}
.cir_on{background:none!important;border:1px solid #fff!important;}
.lubo_btn{position: absolute; width: 100%;top:50%;height:50px;display:none;}
.left_btn{width: 50px; height:50px;opacity: 0.8;filter:alpha(opacity=80);cursor: pointer; background:url(../images/bleft.png);position:absolute;left:20px;}
.right_btn{width: 50px; height:50px;opacity: 0.8;filter:alpha(opacity=80);cursor: pointer; background:url(../images/bright.png);position:absolute;right:20px;}
/*banner*/
.row{width:98%!important;height:auto;margin:0 auto!important;}
.plogo{max-width:100%;height:60px;}
.tnav{position:fixed;top:0px;z-index:10000;width:100%;height:70px;}
.tnav .h100{height:auto!important}
.tnav .bghei{display:none}
.xiala{display:block!important;position:absolute;right:30px;top:0px;color:#fff;font-size:26px!important;padding: 0px 15px;}
/*nav*/
.toptext{line-height:0px;color:#fff;font-size:14px;display:none}
.toptext span{float:right;padding-right:20px;}
.nav{width:70%;height:100%;text-align:center;}
.navbar-nav {display:none}
.showdiv{display:block!important;position: fixed;padding-top: 30px;
    top: 0px;
    left: 0px;
    z-index: 9999999999;
    background: rgba(4, 4, 4, 0.7);}
.showdiv li{display:inline-block;width: 100%;}
.showdiv li a:link,.nav li a:visited{display:block;padding:8px;color:#fff;font-size:16px;}
.showdiv > li > a:hover,.navbar-nav > li > a:focus {text-decoration: none;}
.dropdown {  position: relative;}
.showdiv > li {  }
.showdiv > li > a {padding-bottom: 15px;}

.dropdown-menu {position:relative;top:0px;left: 0;z-index:2;display: none;width:100%;font-size: 12px;text-align:center;list-style: none;padding:0px;margin:0px;background: rgba(62, 61, 61, 0.7);overflow:hidden;}
.dropdown-menu li{width:100%;}
.dropdown-menu li a:link,.dropdown-menu li a:visited{display: block;width:100%;clear: both;font-weight: normal;color: #fff;white-space: nowrap;padding:2px 0px;font-size:15px;text-indent:15px;}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {display: block;width:100%;  text-decoration: none;color:#cacaca;    background: rgba(144, 144, 144, 0.7);}
/*nav*/
.indexmidtop{width:100%;margin:0 auto;top:-30px;left:0%;margin-left:0px;z-index:999;}
.indexmidtop li{width:100%;height:auto;float:left;background:#f0f0f0;}
.indexmidtop li img{width:100%;}
.indexmidtop li p{display:block;width:90%;line-height: 26px;font-size: 16px;padding:15px 0px;margin-top:30px;text-align:center;margin:0 auto;}
.page-title{margin:0 auto;position:relative;font-size:24px;font-weight:bold;width:150px;height: 50px;line-height: 50px;text-align: center;border-bottom:1px solid #999999;margin-bottom:50px;color:#333333}
.page-title:after{display:block;content:'';position:absolute;background:#000000;width: 40%;height: 3px;left: 30%;bottom: -2px;}
.iaboutleft{float:left;width:100%;}
.iaboutleft img{max-width:100%;width:100%;}
.iaboutright{float:right;width:100%;}
.iaboutright li{width:100%;height:120px;float:left;cursor:pointer;margin-bottom:10px;}
.iaboutright li:hover{background:#000000;}
.xuhao{ width:70px;line-height:110px;text-align:center;font-size:24px;display:block;float:left;height: 100%;overflow: hidden;}
.iaboutcont{width: calc(100% - 90px); position: relative;display:block;float: right;height: 100%;overflow: hidden;}
.iabouttitle {font-size: 16px;margin: 10px 0px;font-weight: bold;width:100%;display: block;padding:0px 5px;}
.iaboutabstract{width: 100%;    height: 60px; display: block;    padding:0px 5px;}
.iaboutcurrent{background:#000000}
.iaboutright p{color:#000}
.iaboutright span{color:#666666}
.iaboutcurrent p,.iaboutcurrent span{color:#fff!important}
.iaboutright li:hover p,.iaboutright li:hover span{color:#fff!important}
.index_middle_services{height:411px;width:100%;}
.bgtouminghui{background:rgba(4,4,4,0.3);height:100%}
.servicestit{padding:90px 0px 20px 0px;text-align:center;width:100%;display:block;font-size:16px;color:#fff;letter-spacing:6px;}
.servicesitem{width:90%;margin:0 auto;margin-top:30px;}
.servicesitem li{width:33%;float:left;text-align:center}
.servicesitem li p{display:block;width:100%;padding:5px 0px;text-align:center;color:#fff;}
.servicesitem li:nth-child(1){border-right:1px solid #333}
.servicesitem li:nth-child(2){border-right:1px solid #333}
.iprolist li{width:100%;height:240px;float:left;text-align:center}
.iprolist img{margin-top:40px;}
.iprolist li p{display:block;width:100%;padding:5px 0px;text-align:center;color:#fff;}
.iprolist li:nth-child(1){background-image:url(../images/iplistbg01.jpg);background-size:100% 100%}
.iprolist li:nth-child(2){background-image:url(../images/iplistbg02.jpg);background-size:100% 100%}
.iprolist li:nth-child(3){background-image:url(../images/iplistbg03.jpg);background-size:100% 100%}
.iprolist li:nth-child(4){background-image:url(../images/iplistbg04.jpg);background-size:100% 100%}
.iprolist li:nth-child(5){background-image:url(../images/iplistbg05.jpg);background-size:100% 100%}
.iprolist li:nth-child(6){background-image:url(../images/iplistbg06.jpg);background-size:100% 100%}
.mpro{margin-top:15px}
.mpro a:link,.mpro a:visited{font-size:16px;font-weight:bold;color:#4e4f54;}
.mpro a:hover{text-decoration:underline;}
.index_xyfl{height:468px;width:100%;}
.indexxybg{margin-top:10px;}
.indexxybg img{width:100%;max-width:100%}
.hzhb img{width:100%;max-width:100%}
/*footer*/
.footer{width:100%;height:auto;background:url(../images/footer.jpg) #000 no-repeat center top;background-size:100% 100%}
.foot{width:100%;height:auto;padding-top:10px;padding-bottom:10px;}
.foottit{color:#fff;margin-bottom:30px;}
.ifeed{width:80%;margin:0 auto;}
.fli1,.fli2{width:100%;height:auto;float:left;border-right:none;position:relative;text-align: center;padding: 15px 0px;}
.footabout{position:relative;bottom:10px;}
.fli3{float:none;width:90%;height:100%;margin:0 auto;}
.txt{width:80%;height:32px;line-height:38px;background: none;outline: none;border: 1px solid #5e6062;border-radius:15px;color:#5e6062;margin-bottom:10px;text-indent: 6px;}
.atxt{width:100%;height:160px;line-height:26px;background: none;outline: none;border: 1px solid #5e6062;border-radius:15px;color:#5e6062;margin-bottom:10px;text-indent: 6px;}
.ibtn{padding: 4px 16px;background: none;outline: none;border: 1px solid #5e6062;border-radius: 5px;color:#5e6062;}
.sh-iconbox-aside {width: 100%;height: auto;clear:both;margin-bottom: 10px;margin-top: 10px;color: #848484;}
.sh-iconbox-aside img{display:black;float:left;}
.sh-iconbox-content {float:left;font-size: 12px;padding-left:10px;color:#fff;}
.sh-text{text-align:center;margin-top:60px;color:#fff;font-size:20px;}
.copy{color:#4f4f4f;font-size:14px;display:block;margin-top:60px;text-align:center}
.copy a:link,.copy a:visited{color:#4f4f4f;}
/*footer*/
.position{width:100%;margin:0 auto;height:auto;text-align:left;line-height:26px;padding-top:13px;padding-bottom:3px;color:#6a6a6a}
.position a:link,.position a:visited{color:#6a6a6a}
.about{margin:0 auto;width:86%;line-height:26px;padding-top:5px;font-size:14px;color:#d0d0d0;padding-bottom:20px;}
.wcase,.list-photo{ width:100%; margin:0 auto;height:auto;    overflow: hidden;margin-top:30px;} 
.wcase li{float:left;padding:10px;margin-bottom:30px;cursor:pointer;width:100%;height:300;overflow:hidden;list-style-type: none;}
.caseimg{float:left;padding-right:10px;width:45%}
.caseimg img{width:100%;max-width:100%;}
.casecont{float:right;width:50%;position:relative;overflow:hidden}
.casetitle a:link,.casetitle a:visited{color:#000;text-decoration:none;font-size:22px;border:none;}
.casetitle a:hover{text-decoration:none;color:#333}
.casetitle,.videotitle{border-left:5px solid #00489d;border-bottom:1px solid #efefef;text-indent:11px;padding-bottom:5px;font-size:16px;}
.caseabstract{width:100%;padding-top:25px;line-height:26px;color:#6c6c6c}
.list-photo li{float:left;margin-bottom:30px;cursor:pointer;width:98%;list-style-type:none;margin-left:1%;overflow:hidden;}
.nvideo{width:90%;margin:0 auto;}
.image{position:relative;max-height:300px;height: 300px;width: 100%;display: block;}
.image:after{width:100px;height:96px;position:absolute;content:"";background:url(../images/vico.png) no-repeat left top;left: 50%;margin-left:-50px;top: 50%;margin-top:-48px;z-index:2; background-size: 100% 100%;transition:all 0.5s;}
.image img{width:100%;max-height:100%;}
a.vmore:link,a.vmore:visited{display:block;width:100%;padding-top:10px;text-align:right;}
.videotitle{margin-top:10px;}
.imap{width:100%;height: 510px;overflow: hidden;}
.topcont{float:left;width:70%;height:100%;overflow:hidden;background:url(../images/topcont.jpg) no-repeat left top;background-size:100%;}
.topcontinfo{width:70%;margin:0 auto;margin-top:50px;}
/* left_nav */
.mobileleft_nav{display:block;text-align:left;    width: 80%; margin: 0 auto;padding-top:10px}
.mobileleft_nav a:link,.mobileleft_nav a:visited{display:inline-block;padding:3px 16px;text-align:center;background:#474747;color:#fff;margin-top:10px}
.left_nav{width:100%;height:auto;background:url(../images/left_nav.jpg) left bottom #999999;float:left;display:none}
.left_nav dl{width:100%}
.left_nav dl dt{border-left:5px solid #3d3d3d;font-size:32px;color:#fff;padding:14px 0px;margin:10px 0px;text-indent:10px;}
.left_nav dl dd{position:relative;height:56px;line-height:56px;text-indent:10px;}
.left_nav dd:nth-child(odd){background: rgba(255,255,255,0.7);    width: 100%;}
.left_nav dd:nth-child(odd) a:link,.left_nav dd:nth-child(odd) a:visited{color:#000;font-size:18px;display: block;}
.left_nav dd:nth-child(even){background: rgba(49, 49, 49, 0.7);    width: 100%;}
.left_nav dd:nth-child(even) a:link,.left_nav dd:nth-child(even) a:visited{color:#fff;font-size:18px;display: block;}
.left_nav dl dd .left_nav2{position:absolute;left:0%;top:0px;z-index:9;width: 100%;visibility:hidden;}
.left_nav dl dd:hover .left_nav2{visibility:visible;}
.left_nav dl dd .left_nav2 a:link,.left_nav dl dd .left_nav2 a:visited{display: block;
    line-height: 22px;
    font-size: 14px;
    background: rgba(49, 49, 49, 0.7);
    color: #fff;
    width: 100%;
    margin-bottom: 2px;
    padding: 15px 0px;}
.left_nav dl dd .left_nav2 a:hover{;color:#fff;background:#000;transition: 0.5s ease;	-webkit-transition: 0.5s  ease;	-o-transition:0.5s all ease;	-moz-transition: 0.5s ease;	-ms-transition:0.5s  ease;}
/*proright*/
.proright{width:100%;float:left;margin-left:0px;}
.pxia{display:none;width:40px;height:40px;background: url(../images/top1.png) center center no-repeat;position:absolute;right:10px;top:10px;-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); }
.pxia2{display:block;width:40px;height:40px;background: url(../images/top1.png) center center no-repeat;position:absolute;right:10px;top:0px;}
.swiper-slide{padding-top:0px;}
.swiper-slide li {
     width: 100%;
    height: 180px;
    margin-left:0px;
    position: relative;
    margin-top: 14px;margin-bottom:14px;
    list-style-type: none;
  display: table-cell;
    vertical-align: middle;float: left;background:#fff;
}
.swiper-slide li a{display:block;width:96%;height:96%;padding:2%;}
.swiper-slide li .zhengshu_img {
    display: block;
    margin:0px auto;width:100%;
    max-width:100%;
    height:80%;
    max-height:80%;
}
.swiper-slide li:hover{background:#363636;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;}
.swiper-slide li p {   font-size: 18px;color:#383838;display:block;text-align: center;background: #dadadc;width:100%;height:14%;line-height:35px;margin-top:2%;padding-top:2%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.search{width:96%;height:54px;margin:40px auto;}
.sysuoming {
	width: calc(100% - 72px);
    height:54px;
    border: none;
    background: none;
    color: #bdbdbd;
    line-height:10px;
    padding-left: 14px;
    font-size: 12px;float:left;border-left:1px solid #f74056;border-top:1px solid #f74056;border-bottom:1px solid #f74056;
}
.sytijiao {width:56px;height: 56px;border: none;cursor: pointer;float:left;background: url(../images/sysousuo_03.jpg) #f74056 center center no-repeat;}
.applicationleft{width:100%;float:right;}
.atype{width:100%;height:1024px;margin-top:30px;background:url(../images/atype.png) top left no-repeat;float:left;background-size:100%;    overflow-y: scroll;visibility:none;}
.atype2{position:absolute;left:250px;height:auto;z-index:999}
.atype2 a:link,.atype2 a:visited{display:block;width:100%;line-height:22px;background: rgba(43, 43, 43, 0.7);color:#cdcdcd;padding:5px 40px;margin-bottom:5px;}
.atype2 a:hover{background:#00489d}
.atype p{display;block;width:100%;padding:16px 0px;text-align:center;font-size:22px;color:#333333}
.atypelist{width:96%;margin:0 auto;}
.atypelist li{float:left;width:100%;height:auto;position:relative}
.yy2{display:none}
.atypelist img{width:100%;max-width:100%;max-height:120px;}
.applicationimg img,.applicationinfo img{display:block;margin:0 auto;max-width:100%}
.applicationinfo{width:100%;padding:20px 5px;overflow:hidden;} 
.layer {width:98%;height: 98%;left: 0;top: 0;z-index: 8;position: absolute;opacity: 0;filter: alpha(opacity=100);transition: .6s ease;-webkit-transition: .6s ease;
    -moz-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-transition: .6s ease;
    background: rgba(0, 0, 0, 0.5);
}
.radmyy{width:100%;height:auto;margin-top:30px;margin-bottom:30px;}
.radmyy li{width:50%;padding-top:33%;height:0px;float:left;overflow:hidden;position:relative;margin-top:15px;}
.radmyy li a>img{width:98%;height:98%;max-width:98%;max-height:98%; position:absolute; top:0; left:0;}
.radmyy li a:hover .layer{opacity:1;}
/*//////About///////////*/
.aboutus,aboutinfo{width:100%;height:auto;}
.aboutleft{width:100%!important;float:left}
.aboutleft img{max-width:100%;width:100%}
.aboutright{width:94%!important;float:left!important;overflow:hidden;color:#818382;margin-left:3%;line-height:26px}
.ftop{display:block;width:100%;color:#ffc675;font-size:22px;border-bottom:2px solid #ffc675;padding-bottom:5px;}
.fsmalltop{font-size:14px;display:block;width:100%;color:#ffc675;padding-bottom:20px}
.his img{width:100%;max-width:100%}
.acult img,.ayyt img{max-width:100%}
.acultbottom{background: #a6a6a6;
    height: 175px;
    bottom: 0px;
    z-index: -1;
    position: absolute;
    width: 100%;}
.aneijing{width:100%;overflow:hidden;margin-top:35px;}
.aneijing li{width:25%;float:left;margin-top:25px;}
.aneijing li img{width:90%;height:90%}

}


@media (min-width:1160px) {
#top{width: 100%;max-width:100%;}
.topheight{height:1212px!important}
#ntop{width: 100%;max-width:100%;height:186px;background:url(../images/ntop.jpg) no-repeat left top #181818;}
#mobilebanner{display:none}
.mtopbg{display:block}
.mpaddingtop30{padding-top:30px;}
.nbanner{width:100%;height:auto;display: block;}
.nbanner img{width:100%;border:0px;    display: block;}
.sidebar-control{display:none}
/*banner*/
.nlubo{ width: 100%; min-width:100%;height:100%;clear: both; position: relative;}
.lubo{ width: 100%; min-width:100%;height:100%;clear: both; position: relative;overflow:hidden;}
.lubo_box{ position: relative; width: 100%; height:100%;overflow:hidden;background:#000;}
.lubo_box li{float: left;position: absolute; top: 0; left: 0; width: 100%;height:110%;opacity:0;filter:alpha(opacity=1);-webkit-transform:translate(0px,-20px);-moz-transform:translate(0px,-20px);transition: 0.3s ease;	-webkit-transition: 0.3s  ease;	-o-transition:0.5s all ease;	-moz-transition: 0.3s ease;}
.banner0{opacity:0;}
.banner1{opacity:0;}
.banner2{opacity:0;}
.banner3{opacity:0;}
.b0{position:absolute;width:777px;height:530px;top:50%;left:50%;margin-top:-425px;margin-left:-388px;opacity:0;}
.b1{position:absolute;width:624px;height:260px;top:210px;left:50%;margin-top:0px;margin-left:-570px;opacity:0;}
.b2{position:absolute;width:630px;height:320px;top:50%;left:50%;margin-top:-290px;margin-left:-315px;opacity:0;}
.b3{position:absolute;width:400px;height:300px;bottom:10px;right:260px;opacity:0;}
.cir_box{overflow: hidden; position: absolute; z-index: 10;bottom: 300px;display:block}
.cir_box li{ float: left; margin:0 5px; cursor: pointer; background:rgba(249, 249, 249, 0.7);display:block;	height: 11px;	overflow: hidden;	text-indent:-99em;	width: 11px;	cursor: pointer;border:1px solid rgba(249, 249, 249, 0.7);border-radius:16px;}
.cir_on{background:none!important;border:1px solid #fff!important;}
.lubo_btn{position: absolute; width: 100%;top:50%;height:50px;display:boock;}
.left_btn{width: 50px; height:50px;opacity: 0.8;filter:alpha(opacity=80);cursor: pointer; background:url(../images/bleft.png);position:absolute;left:20px;}
.right_btn{width: 50px; height:50px;opacity: 0.8;filter:alpha(opacity=80);cursor: pointer; background:url(../images/bright.png);position:absolute;right:20px;}
/*banner*/
.row{width:1160px!important;height:auto;margin:0 auto!important;}
.plogo{max-width:100%;height:60px;}
.tnav{position:absolute;top:0px;z-index:1;width:100%;height:120px;background: rgba(4,4,4,0.3);}
.xiala{display:none!important}
/*.tnav .h100{height:100px!important}*/
.tnav .bghei{display:block}
.prelative{position:relative}
/*nav*/
.toptext{line-height:40px;color:#fff;font-size:14px;display:block;}
.toptext span{float:right;padding-right:20px;}
.nav{width:100%;height:100%;text-align:center;position:unset}
.nav li{display:inline-block;}
.nav li a:link,.nav li a:visited{padding:5px 18px 5px 18px;color:#fff;font-size:16px;}
.navbar-nav {display:block;}
.navbar-nav > li > a {padding-top: 10px;padding-bottom: 10px;line-height: 20px;}
.navbar-nav > li > a:hover,.navbar-nav > li > a:focus {text-decoration: none;border-bottom:3px solid #fff;}
.dropdown {  position: relative;}
.navbar-nav > li {  }
.navbar-nav > li > a {padding-bottom: 15px;}
.dropdown-menu {position: absolute;top:27px;left: 0;z-index:2;display: none;width:200px;font-size: 14px;text-align: left;list-style: none;padding:0px;margin:0px;background: rgba(62, 61, 61, 0.7);overflow:hidden;}
.dropdown-menu li{width:100%;}
.dropdown-menu li a:link,.dropdown-menu li a:visited{display: block;width:100%;clear: both;font-weight: normal;color: #fff;white-space: nowrap;padding:10px 0px;font-size:15px;text-indent:15px;}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {display: block;width:100%;  text-decoration: none;color:#cacaca;    background: rgba(144, 144, 144, 0.7);}
/*nav*/
.indexmidtop{width:1100px;margin:0 auto;position:absolute;top:-250px;left: 50%;margin-left: -550px;z-index:999;}
.indexmidtop li{width:366px;height:250px;float:left;background:#f0f0f0;}
.indexmidtop li p{display:block;width:90%;line-height: 26px;font-size: 16px;padding-top: 100px;margin-top:30px;text-align:center;margin:0 auto;}
.page-title{margin:0 auto;position:relative;font-size:24px;font-weight:bold;width:150px;height: 50px;line-height: 50px;text-align: center;border-bottom:1px solid #999999;margin-bottom:50px;color:#333333}
.page-title:after{display:block;content:'';position:absolute;background:#000000;width: 40%;height: 3px;left: 30%;bottom: -2px;}
.iaboutleft{float:left;padding-right:10px;width:590px;}
.iaboutright{float:right;width:560px;}
.iaboutright li{width:100%;height:120px;float:left;cursor:pointer;margin-bottom:10px;}
.iaboutright li:hover{background:#000000;}
.xuhao{ width:50px;line-height:110px;text-align:center;font-size:30px;display:block;float:left;height: 100%;overflow: hidden;}
.iaboutcont{width: calc(100% - 60px);min-width:310px; position: relative;display:block;float: right;height: 100%;overflow: hidden;}
.iabouttitle {font-size: 16px;margin: 10px 0px;font-weight: bold;width:100%;display: block;padding:0px 5px;}
.iaboutabstract{width: 100%;    height: 60px; display: block;    padding:0px 5px;}
.iaboutcurrent{background:#000000}
.iaboutright p{color:#000}
.iaboutright span{color:#666666}
.iaboutcurrent p,.iaboutcurrent span{color:#fff!important}
.iaboutright li:hover p,.iaboutright li:hover span{color:#fff!important}
.index_middle_services{height:411px;width:100%;}
.bgtouminghui{background:rgba(4,4,4,0.3);height:100%}
.servicestit{padding:90px 0px 20px 0px;text-align:center;width:100%;display:block;font-size:16px;color:#fff;letter-spacing:6px;}
.servicesitem{width:90%;margin:0 auto;margin-top:30px;}
.servicesitem li{width:33%;float:left;text-align:center}
.servicesitem li p{display:block;width:100%;padding:5px 0px;text-align:center;color:#fff;}
.servicesitem li:nth-child(1){border-right:1px solid #333}
.servicesitem li:nth-child(2){border-right:1px solid #333}
.iprolist li{width:33.33%;height:240px;float:left;text-align:center}
.iprolist img{margin-top:40px;}
.iprolist li p{display:block;width:100%;padding:5px 0px;text-align:center;color:#fff;}
.iprolist li:nth-child(1){background-image:url(../images/iplistbg01.jpg);background-size:100% 100%}
.iprolist li:nth-child(2){background-image:url(../images/iplistbg02.jpg);background-size:100% 100%}
.iprolist li:nth-child(3){background-image:url(../images/iplistbg03.jpg);background-size:100% 100%}
.iprolist li:nth-child(4){background-image:url(../images/iplistbg04.jpg);background-size:100% 100%}
.iprolist li:nth-child(5){background-image:url(../images/iplistbg05.jpg);background-size:100% 100%}
.iprolist li:nth-child(6){background-image:url(../images/iplistbg06.jpg);background-size:100% 100%}
.mpro{margin-top:15px}
.mpro a:link,.mpro a:visited{font-size:16px;font-weight:bold;color:#4e4f54;}
.mpro a:hover{text-decoration:underline;}
.index_xyfl{height:568px;width:100%;}
.indexxybg{margin-top:10px;}
.indexxybg img{width:100%;max-width:100%}
.hzhb img{width:100%;max-width:100%}
/*footer*/
.footer{width:100%;height:auto;background:url(../images/footer.jpg) no-repeat center top;background-size:100% 100%}
.foot{width:100%;height:360px;padding-top:120px;padding-bottom:120px;}
.foottit{color:#fff;margin-bottom:30px;}
.ifeed{width:80%;margin:0 auto;}
.fli1,.fli2{width:35%;height:100%;float:left;border-right:1px #393939 solid;position:relative;text-align:left;padding:0px;}
.footabout{position:absolute;bottom:10px;}
.fli3{float:right;width:28%;height:100%;}
.txt{width:80%;height:32px;line-height:38px;background: none;outline: none;border: 1px solid #5e6062;border-radius:15px;color:#5e6062;margin-bottom:10px;text-indent: 6px;}
.atxt{width:100%;height:160px;line-height:26px;background: none;outline: none;border: 1px solid #5e6062;border-radius:15px;color:#5e6062;margin-bottom:10px;text-indent: 6px;}
.ibtn{padding: 4px 16px;background: none;outline: none;border: 1px solid #5e6062;border-radius: 5px;color:#5e6062;}
.sh-iconbox-aside {width: 100%;height: auto;clear:both;margin-bottom: 10px;margin-top: 10px;color: #848484;}
.sh-iconbox-aside img{display:black;float:left;}
.sh-iconbox-content {float:left;font-size: 12px;padding-left:10px;color:#fff;}
.sh-text{text-align:center;margin-top:60px;color:#fff;font-size:20px;}
.copy{color:#4f4f4f;font-size:14px;display:block;margin-top:60px;text-align:center}
.copy a:link,.copy a:visited{color:#4f4f4f;}
/*footer*/
.position{width:100%;margin:0 auto;height:auto;text-align:left;line-height:26px;padding-top:13px;padding-bottom:3px;color:#6a6a6a}
.position a:link,.position a:visited{color:#6a6a6a}
.about{margin:0 auto;width:86%;line-height:26px;padding-top:5px;font-size:14px;color:#d0d0d0;padding-bottom:20px;}
.wcase,.list-photo{ width:100%; margin:0 auto;height:auto;    overflow: hidden;margin-top:30px;} 
.wcase li{float:left;padding:10px;margin-bottom:30px;cursor:pointer;width:100%;height:300;overflow:hidden;list-style-type: none;}
.caseimg{float:left;padding-right:10px;width:45%}
.caseimg img{width:100%;max-width:100%;}
.casecont{float:right;width:50%;position:relative;overflow:hidden}
.casetitle a:link,.casetitle a:visited{color:#000;text-decoration:none;font-size:22px;border:none;}
.casetitle a:hover{text-decoration:none;color:#333}
.casetitle,.videotitle{border-left:5px solid #00489d;border-bottom:1px solid #efefef;text-indent:11px;padding-bottom:5px;font-size:16px;}
.caseabstract{width:100%;padding-top:25px;line-height:26px;color:#6c6c6c}
.list-photo li{float:left;margin-bottom:30px;cursor:pointer;width:48%;list-style-type:none;margin-left:1%;overflow:hidden;}
.nvideo{width:90%;margin:0 auto;}
.image{position:relative;max-height:300px;height: 300px;width: 100%;display: block;}
.image:after{width:100px;height:96px;position:absolute;content:"";background:url(../images/vico.png) no-repeat left top;left: 50%;margin-left:-50px;top: 50%;margin-top:-48px;z-index:2; background-size: 100% 100%;transition:all 0.5s;}
.image img{width:100%;max-height:100%;}
a.vmore:link,a.vmore:visited{display:block;width:100%;padding-top:10px;text-align:right;}
.videotitle{margin-top:10px;}
.imap{width:100%;height: 510px;overflow: hidden;}
.topcont{float:left;width:40%;height:100%;overflow:hidden;background:url(../images/topcont.jpg) no-repeat left top;}
.topcontinfo{width:70%;margin:0 auto;margin-top:50px;}
/* left_nav */
.mobileleft_nav{display:none}
.left_nav{width:326px;height:auto;background:url(../images/left_nav.jpg) left bottom #999999;float:left;display:block;}
.left_nav dl{width:100%}
.left_nav dl dt{border-left:5px solid #3d3d3d;font-size:32px;color:#fff;padding:14px 0px;margin:10px 0px;text-indent:10px;}
.left_nav dl dd{position:relative;height:56px;line-height:56px;text-indent:10px;}
.left_nav dd:nth-child(odd){background: rgba(255,255,255,0.7);    width: 100%;}
.left_nav dd:nth-child(odd) a:link,.left_nav dd:nth-child(odd) a:visited{color:#000;font-size:18px;display: block;}
.left_nav dd:nth-child(even){background: rgba(49, 49, 49, 0.7);    width: 100%;}
.left_nav dd:nth-child(even) a:link,.left_nav dd:nth-child(even) a:visited{color:#fff;font-size:18px;display: block;}
.left_nav dl dd .left_nav2{position:absolute;left:100%;top:0px;z-index:9;width: 100%;visibility:hidden;}
.left_nav dl dd:hover .left_nav2{visibility:visible;}
.left_nav dl dd .left_nav2 a:link,.left_nav dl dd .left_nav2 a:visited{display: block;
    line-height: 22px;
    font-size: 14px;
    background: rgba(49, 49, 49, 0.7);
    color: #fff;
    width: 100%;
    margin-bottom: 2px;
    padding: 15px 0px;}
.left_nav dl dd .left_nav2 a:hover{;color:#fff;background:#000;transition: 0.5s ease;	-webkit-transition: 0.5s  ease;	-o-transition:0.5s all ease;	-moz-transition: 0.5s ease;	-ms-transition:0.5s  ease;}
/*proright*/
.proright{width:760px;float:left;margin-left:30px;}
.pxia{display:none;width:40px;height:40px;background: url(../images/top1.png) center center no-repeat;position:absolute;right:10px;top:10px;-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); }
.pxia2{display:block;width:40px;height:40px;background: url(../images/top1.png) center center no-repeat;position:absolute;right:10px;top:0px;}
.swiper-slide{padding-top:30px;}
.swiper-slide li {
     width: 350px;
    height: 320px;
    margin-left:30px;
    position: relative;
    margin-top: 14px;margin-bottom:14px;
    list-style-type: none;
  display: table-cell;
    vertical-align: middle;float: left;background:#dadadc;
}
.swiper-slide li a{display:block;width:96%;height:96%;padding:2%;}
.swiper-slide li .zhengshu_img {
    display: block;
    margin:0px auto;width:100%;
    max-width:100%;
    height:80%;
    max-height:80%;
}
.swiper-slide li:hover{background:#363636;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;}
.swiper-slide li p { display:block;text-align: center;background: #ffffff;width:100%;height:14%;margin-top:2%;padding-top:2%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.search{width:341px;height:54px;margin:40px auto;}
.sysuoming {
    width: 270px;
    height:54px;
    border: none;
    background: none;
    color: #bdbdbd;
    line-height:10px;
    padding-left: 14px;
    font-size: 12px;float:left;border-left:1px solid #f74056;border-top:1px solid #f74056;border-bottom:1px solid #f74056;
}
.sytijiao {width:56px;height: 56px;border: none;cursor: pointer;float:left;background: url(../images/sysousuo_03.jpg) #f74056 center center no-repeat;}
.applicationleft{width:850px;float:right;}
.atype{width:250px;height:1024px;background:url(../images/atype.png) top left no-repeat;float:left;    overflow-y: scroll;visibility:none;}
.atype2{position:absolute;left:250px;height:auto;z-index:999}
.atype2 a:link,.atype2 a:visited{display:block;width:100%;line-height:22px;background: rgba(43, 43, 43, 0.7);color:#cdcdcd;padding:5px 40px;margin-bottom:5px;}
.atype2 a:hover{background:#00489d}
.atype p{display;block;width:100%;padding:16px 0px;text-align:center;font-size:22px;color:#333333}
.atypelist{width:96%;margin:0 auto;}
.atypelist li{float:left;width:100%;height:auto;position:relative}
.yy2{display:none}
.atypelist img{width:100%;max-width:100%;max-height:120px;}
.applicationimg img,.applicationinfo img{display:block;margin:0 auto;max-width:100%}
.applicationinfo{width:100%;padding:20px 5px;overflow:hidden;} 
.layer {width:98%;height: 98%;left: 0;top: 0;z-index: 8;position: absolute;opacity: 0;filter: alpha(opacity=100);transition: .6s ease;-webkit-transition: .6s ease;
    -moz-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-transition: .6s ease;
    background: rgba(0, 0, 0, 0.5);
}
.radmyy{width:100%;height:auto;margin-top:30px;margin-bottom:30px;}
.radmyy li{width:33.33%;padding-top:25%;height:0px;float:left;overflow:hidden;position:relative;margin-top:15px;}
.radmyy li a>img{width:98%;height:98%;max-width:98%;max-height:98%; position:absolute; top:0; left:0;}
.radmyy li a:hover .layer{opacity:1;}
/*//////About///////////*/
.aboutus,aboutinfo{width:100%;height:auto;}
.aboutleft{width:26%!important;;float:left}
.aboutleft img{max-width:100%;width:100%}
.aboutright{width:60%!important;;float:left;overflow:hidden;color:#818382;margin-left:3%;line-height:26px}
.ftop{display:block;width:100%;color:#ffc675;font-size:22px;border-bottom:2px solid #ffc675;padding-bottom:5px;}
.fsmalltop{font-size:14px;display:block;width:100%;color:#ffc675;padding-bottom:20px}
.his img{width:100%;max-width:100%}
.acult img,.ayyt img{max-width:100%}
.acultbottom{background: #a6a6a6;
    height: 175px;
    bottom: 0px;
    z-index: -1;
    position: absolute;
    width: 100%;}
.aneijing{width:100%;overflow:hidden;margin-top:35px;}
.aneijing li{width:25%;float:left;margin-top:25px;}
.aneijing li img{width:90%;height:90%}
/*//////About///////////*/
}












